<cfsilent>
	<cfset userID = $.request.getValue('activate') />
	<!--- unscramble userID --->
	<cfset outcome = $.request.getValue('outcome') />
	<cfset message = $.request.getValue('message') />
</cfsilent>

<cfoutput>
	<style>
		input{
			height:25px;
			padding:0px 3px;
			display:inline-block;
			width:95px;
			font-size:12px;
			background-color:white;
			border-radius:2px;
			box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
			margin:4px 2px;
		}
		form{
			width:280px;
			margin:auto;
			background-color:white;
			margin-top:5%;
			border-radius:3px;
			box-shadow:3px 3px 10px rgb(170, 170, 170);
			padding:20px 10px;
		}
		div.row{
			margin:4px;
		}
		button{
			width:30px;
			display:inline-block;
			text-transform:uppercase;
			background-color:##E96F70;
			border-bottom:3px solid ##dd4749;
			padding:2px 3px;
			color:white;
			box-shadow:2px 2px 5px rgb(170, 170, 170);
		}
		button:hover{
			background-color:##FA5152;
		}
		.message{
			color:##666666;
			font-size:15px;
			margin:3px;
			padding:2px 10px;
		}
	</style>
	<form method="POST" name="send_recovery_email" id="send_recovery_email" action="#$.link.form(cfc='craftivityController',method='resetPassword')#">
		<img src="/craftivity/assets/landingPage/logo-beta.png" alt="Craftivity" style="margin-bottom:10px;"/> 
		<cfif outcome eq "success">
			<div class="message">
				Recovery email sent to </br>#email#
			</div>
		<cfelse>
			<cfif message neq "">
				<div class="message">
					#message#
				</div>
			<cfelse>
				<div class="message">
					Fill in 2 boxes for a new password.</br>
					We don't even make you type it twice.
				</div>
			</cfif>
			<div class="row">
				<input class="formInputs" validate="required,email,maxLength100" placeholder="Email for account" name="email" value="" type="email" style="width:124px;" /></br>
				<input class="formInputs" validate="required,minLength6,maxLength100" placeholder="New Password" name="password" type="password" value="" style="width:85px;" />
				<input type="hidden" name="activate" value="#userID#">
				<button name="form_submit" type="submit" style="margin-top:8px;">go</button>
			</div>
		</cfif>
	</form>
</cfoutput>
						